//component 组件的意思
//alert : 组件名称  使用直接<alert> </alert>
Vue.component('alert',{
    // //绑定的模板 放在这就成了全局组件, 一般不会全局的
    // template:'<button @click="on_click">弹一下</button>',
    // methods:{
    //     on_click: function(){
    //         alert('组件出效果了');
    //     }
    // }

})
var alert_component = {
    template:'<button @click="on_click">弹一下</button>',
    methods:{
        on_click: function(){
            alert('组件出效果了');
        }
    }
}
//上面只是加载了组件, 还没有用上, 需要渲染出来
new Vue({
    el:"#app",
    components:{
        alert:alert_component
    }
});
